.container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    background-color: #F6F8FA;
}
.container1 {
    height: 200vp;

    flex-direction: column;
    justify-content: space-around;
    border-bottom-right-radius: 48vp;
    border-bottom-left-radius: 48vp;
    transition-effect: unfold;
}



.navbar{
    top:40px;
    height:48px;
    padding-left:24px;
    padding-right:24px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;

}
.headerText {
    height: 86px;
    width: 279px;
    padding-left: 24px;
    flex-direction: column;
    justify-content: center;
}
.title {
    font-size: 24px;
    color: #1E3354;
    text-align: center;
}

.subtitle {
    font-size: 14px;
    color: #1E3354;
}
.gridDevice {
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 13vp;
    margin-left: 24vp;
    margin-right: 24vp;
}

.container3 {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 150vp;
    height: 186vp;
    padding-top: 20vp;
    padding-left: 20vp;
    padding-bottom: 20vp;
    border-radius: 24vp;
/*    background-color: white;*/
/*    backdrop-filter: blur(20px);*/
}


.deviceColored {
    height: 48px;
    width: 48px;
    border-radius: 16px;
    background-color: #FEE;
}

/*panel*/
.doc-page {
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.btn-div {
    width: 100%;
    height: 200px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.txt {
    color: #000000;
    font-weight: bold;
    font-size: 39px;
}
.panel-div {
    width: 100%;
    flex-direction: column;
    align-items: center;
}
.inner-txt {
    width: 100%;
    height: 160px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.inner-btn {
    width: 100%;
    height: 120px;
    justify-content: center;
    align-items: center;
}

/*//对话框*/
.dialog-div {
    flex-direction: column;
    align-items: center;
}
.inner-txt {
    width: 400px;
    height: 160px;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.inner-btn {
    width: 400px;
    height: 120px;
    justify-content: space-around;
    align-items: center;
}
.btn-txt {
    background-color: #F2F2F2;
    text-color: #0D81F2;
}